<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>企业交易</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="../../../../component/elementUI/index.css" />
  <link rel="stylesheet" href="../../../../style/wangeditor.css" />
  <link rel="stylesheet" href="../../../../style/index.css" />
</head>

<body>
  <div id="app" v-cloak>

    <el-form :inline="true" :form="form">
      <div style="display: flex;justify-content: center;align-self: center;">
        <h3>总交易 {{Total}}单</h3>
      </div>
    </el-form>
    <el-table :data="Contract" height="calc(100vh - 190px)" stripe style="width: 100%">
      <el-table-column prop="ContractID" width="150" align="center" label="合同编号">
      </el-table-column>
      <el-table-column width="200" align="center" prop="Enterprise_Name1" label="甲方logo">
        <template v-slot="{row}">
          <el-image style="width: 100px; height: 100px" :src="'https://www.kdddy.cn/Image/' + row.Enterprise_Logo1">
          </el-image>
        </template>
      </el-table-column>
      <el-table-column width="200" align="center" prop="Enterprise_Name1" label="甲方"></el-table-column>
      <el-table-column width="200" align="center" prop="Enterprise_Name1" label="乙方logo">
        <template v-slot="{row}">
          <el-image style="width: 100px; height: 100px" :src="'https://www.kdddy.cn/Image/' + row.Enterprise_Logo2">
          </el-image>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="Enterprise_Name2" label="乙方" width="250"></el-table-column>
      <el-table-column align="center" prop="DeliveryLocation" label="交货地"></el-table-column>
      <el-table-column prop="PayableReceivable" align="center" label="应付款/收款(元)"></el-table-column>
      <el-table-column prop="PayableReceivable" min-width="120" align="center" label="交易凭证">
        <template v-slot="{row}">
          <el-image style="width: 100px; height: 100px" :src="'https://www.kdddy.cn/Image/' + row.picture.split(';')[0]"
            :preview-src-list="row.picture.split(';').map(s => 'https://www.kdddy.cn/Image/' + s)">
          </el-image>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="ContractDate" label="合同日期" min-width="180"></el-table-column>
      <el-table-column align="center" prop="ContractDate" label="商品信息" min-width="180">
        <template v-slot="{row}">
          {{row.VarietyName?row.VarietyName:row.Article_Name?row.Article_Name:''}}
        </template>
      </el-table-column>
      <el-table-column align="center" prop="ContractDate" label="规格信息" min-width="180">
        <template v-slot="{row}">
          {{row.Specifications_Name}}
        </template>
      </el-table-column>
      <el-table-column prop="Acceptance_Status" label="包装信息" width="150" :filters="[{ text: '预包装', value: '1' }, { text: '初级农产品', value: '0' }]"
        :filter-method="filterTag4" filter-placement="bottom-end">
        <template slot-scope="scope">
          <el-tag :type="scope.row.Acceptance_Status
            === '1' ? 'danger' : 'success'" disable-transitions>{{scope.row.Acceptance_Status == 0 ? '初级农产品' :
            '预包装'}}</el-tag>
        </template>
      </el-table-column>
      
      <el-table-column align="center" prop="Shipping_Method" label="发货方式" min-width="180">

      </el-table-column>
      <el-table-column align="center" prop="PaymentMethod" label="付款方式" min-width="180">
        
      </el-table-column>
      <el-table-column align="center" prop="SupplyQuantity" label="交易数量" min-width="180">
        <template v-slot="{row}">
          {{row.SupplyQuantity?row.SupplyQuantity:row.RequestQuantity}}
        </template>
       
      </el-table-column>
      <el-table-column prop="SendStatus" align="center" label="发货状态">
        <template v-slot="{row}">
          {{row.SendStatus!='0'?row.SendStatus:'未发货'}}
        </template>
      </el-table-column>
      <el-table-column prop="Logistics_Name" min-width="180" align="center" label="物流公司">

      </el-table-column>
      <el-table-column prop="WayBill" min-width="180" align="center" label="物流编号">
      </el-table-column>
      <!-- <el-table-column min-width="180" align="center" label="操作">
        <template v-slot="{row}">
          <el-button @click="handledownload(row)">下载图片</el-button>
        </template>
      </el-table-column> -->
    </el-table>
    <el-pagination @current-change="jyf" style="margin-top: 2%;" background :page-size="11" layout="prev, pager, next"
      :total="Total">
    </el-pagination>
    </el-pagination>
  </div>

  <script type="text/javascript" src="../../../../utils/wangeditor.js"></script>
  <script type="text/javascript" src="../../../../utils/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../utils/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../../../utils/vue.min.js"></script>
  <script type="text/javascript" src="../../../../utils/vuex.min.js"></script>
  <script type="text/javascript" src="../../../../component/elementUI/index.js"></script>
  <script type="text/javascript" src="../../../../component/component.js"></script>
  <script type="text/javascript" src="../../../../utils/xlsx.full.min.js"></script>
  <script type="text/javascript" src="../../../../utils/xlsx.core.min.js"></script>
  <script type="text/javascript" src="../../../../config/config.js"></script>
  <script type="text/javascript" src="../../../../utils/compressor.js"></script>
  <script type="text/javascript" src="../../../../utils/ID_Validity.js"></script>
  <script type="text/javascript" src="../../../../utils/utils.js"></script>
  <script type="text/javascript" src="../js/index.js"></script>
</body>

</html>